<template>
    <div style="display: inline-block;">
        <span class="isChange" v-if="tabValue.isChange">
            <i class="el-icon-warning"></i>
        </span>
        <span class="textStr" :class="tabValue.oldValue.type">{{tabValue.oldValue.type.toLocaleUpperCase()}}</span>
        <span class="tagTitle">{{tabValue.oldValue.title}}</span>
    </div>
</template>

<script>
    export default {
        props: ['tabValue'],
        data() {
            return {
                isChange: false,
            }
        },
    }
</script>

<style scope>
    .isChange {
        color: rgb(255, 188, 88);
        margin: 0 5px 0 0;
    }

    .tagTitle {
        color: #999999;
    }

    .textStr {
        font-weight: bold;
        margin: 0 5px 0 0;
    }
</style>